import 'package:flutter/material.dart';
import 'package:hello_flutter/base/index.dart';

class ContainerWidget extends BasePage {
  const ContainerWidget({super.key});

  @override
  String getPageTitle() => 'Container';

  @override
  Widget buildBody(BuildContext context) => Container(
        margin: const EdgeInsets.only(top: 50, left: 120),
        constraints: const BoxConstraints.tightFor(width: 200, height: 150),
        decoration: const BoxDecoration(
          gradient: RadialGradient(
            colors: [Colors.red, Colors.orange],
            center: Alignment.topLeft,
            radius: 0.98,
          ),
          boxShadow: [
            BoxShadow(
              color: Colors.black54,
              offset: Offset(2, 2),
              blurRadius: 4,
            ),
          ],
        ),
        transform: Matrix4.rotationZ(0.2),
        alignment: Alignment.center,
        child: const Text(
          '5.20',
          style: TextStyle(color: Colors.white, fontSize: 40),
        ),
      );
}
